<template>
	<view>
		<button class="share-friend" open-type="share">
			<text class="iconfont icon-fenxiang">分享给微信好友</text>
			<!-- <text></text> -->
		</button>
	</view>
	
	
	
</template>

<script>
	export default {
		name:"sharefriend",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
	
	
	.share-friend { 
		display: flex;
		justify-content: space-around;
		width: 160px; 
		height: 30px; 
		text-align: center; 
		line-height: 30px;
		background-color: rgba(255,255,255,0.2); 
		border-radius:15px; 
		color: #fff; 
		margin: 25px auto; 
		font-size: 14px;
		overflow: hidden;
		}
	
	

	button::after {
		border: none;
	}
</style>
